
.order-box{border: none;width: 710px;}
.order-box ul{margin-bottom: 20px;}
.order-box ul li{font-size: 16px;color: #7f7f7f;}
.order-box .lv-portrait img{border-radius: 50%;}
.order-box .lv-portrait{padding: 20px;float: left;}
.order-box .order-type{overflow: hidden;}
.order-box .order-type .order-info{float: left;margin: 20px 0;}
.order-box .order-type .order-info p{line-height: 30px;}
.order-box .order-type .butbox{width: 110px; margin:20px 10px;float: right;}
.order-box ul .contentbox{overflow: hidden;margin: -20px 0 20px 120px;width: 586px;}
.order-box ul .contentbox .butopen{float: right;font-size: 18px;color: #46b4ff;margin:5px 20px 0 20px;cursor: pointer;margin-bottom: 10px;}
.order-box ul .contentbox .openIcon{background: url(../img/more.png) center no-repeat;width: 15px; height: 10px;display:inline-block;}
.order-box ul .contentbox .order-viwe{font-size: 18px;color: #7f7f7f;line-height: 30px;overflow: hidden;height: 0px;transition:.5s;-o-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;}

.Popup-title{background-color: #48b4ff;font-size: 20px;font-weight: bold;color: #fff;text-align: center;line-height: 60px;border-top-left-radius: 10px;border-top-right-radius: 10px;}

.Completebutbox{border-top: 1px solid #e8e8e8; text-align: center;}
.Completebutbox span{width: 170px;display: inline-block;line-height: 75px;color: #7f7f7f;font-size: 20px;cursor: pointer;}
.Completebutbox span:hover{color: #48b4ff;}
.Completebutbox .Completebut{border-right: 1px solid #e8e8e8;}


.ChatRecordbox {overflow-y:scroll;height: 550px;}
.ChatRecordbox li{overflow: hidden;margin-top: 20px;}
.leftChatRecord{text-align: left;}
.leftChatRecord .ChatRecordimg{margin: 20px;float: left;border-radius: 50%;}
.leftChatRecord .contentinfo{float: left;width:390px;position: relative;}
.leftChatRecord .textContent{background-color: #ecedf1;padding: 15px;border-radius: 10px;float: left;font-size: 20px;color: #3d3d3d;line-height: 30px;}
.leftChatRecord .Recordicon{background: url(../img/myorder/leftRecord.png) center no-repeat;width: 18px; height: 30px;display:inline-block;position: absolute;top: 34px;left: -15px;}
.rightChatRecord .contentinfo p{text-align: right;}
.rightChatRecord .ChatRecordimg{margin: 20px;float: right;border-radius: 50%;}
.rightChatRecord .contentinfo{float: right;width:390px;position: relative;}
.rightChatRecord .textContent{background-color: #a0d4fc;padding: 15px;border-radius: 10px;float: right;font-size: 20px;color: #3d3d3d;line-height: 30px;}
.rightChatRecord .Recordicon{background: url(../img/myorder/rightRecord.png) center no-repeat;width: 18px; height: 30px;display:inline-block;position: absolute;top: 34px;right: -15px;}

.comment-box .star-box{width: 430px;margin: 20px auto;margin-top: 30px;}
.comment-box .star-box img{margin: 0 13px;}
.comment-box .star-box .img{background: url(../img/myorder/xinxin.png) center no-repeat;width: 56px; height: 56px;display:inline-block;margin: 0 13px;cursor: pointer;}
.comment-box .star-box .img:hover{background: url(../img/myorder/xinxin1.png) center no-repeat;}
.comment-box .star-box .imgSelected{background: url(../img/myorder/xinxin1.png) center no-repeat;width: 56px; height: 56px;display:inline-block;margin: 0 13px;}
.comment-box .label1{overflow: hidden;width:490px;margin: 20px auto;}
.comment-box .label2{overflow: hidden;width: 490px;margin: 20px auto;}
.comment-box .label3{overflow: hidden;width: 500px;margin: 20px auto;}

.comment-box .label{overflow: hidden;width:500px;margin: 20px auto;}
.comment-box .label a{padding: 0px 12px;line-height: 32px;display: inline-block;background-color: #f0f1f3;color: #7f7f7f;text-align: center;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;margin-right: 10px;}
.comment-box .label1 a{width: 110px;line-height: 32px;display: inline-block;background-color: #f0f1f3;color: #7f7f7f;text-align: center;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;margin-right: 10px;cursor: pointer;}
.comment-box .label2 a{width: 110px;line-height: 32px;display: inline-block;background-color: #f0f1f3;color: #7f7f7f;text-align: center;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;margin-right: 10px;cursor: pointer;}
.comment-box .label3 a{padding: 0px 12px; line-height: 32px;display: inline-block;background-color: #f0f1f3;color: #7f7f7f;text-align: center;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;margin-right: 10px;cursor: pointer;}
.comment-box .label1 a:hover,.comment-box .label2 a:hover,.comment-box .label3 a:hover{background-color: #f4c600;color: #fff;}
.comment-box .label1 .checked,.comment-box .label2 .checked,.comment-box .label3 .checked{background-color: #f4c600;color: #fff;}
.comment-box .textarea{width: 570px;}
.comment-box .textcon{font-size: 16px; width: 495px;height: 220px;border: 1px solid #e8e8e8;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;resize:none;margin: 0 auto;display: block;padding: 10px;}
.comment-box .subAdvisory{width: 380px;line-height: 56px;font-size: 18px; display:block;text-align: center;color: #fff;background-color: #48b4ff;margin: 30px auto;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;cursor: pointer;}


